<div>
    <ul class="pageDiv">
    </ul>
</div>
<div class="notContent hide">
    无数据
</div>
<div class="page">
    <ul class="pageMenu clearfix">
        <li class="firstPage">首页</li>
        <li class="prevPage"> 上一页 </li>
        <li class="li_num">
            <ol class="pageObj">
            </ol>
        </li>
        <li class="nextPage"> 下一页  </li>
        <li class="lastPage">尾页</li>
    </ul>
</div>
<script type="text/javascript">
     $(".g_pageBox").pageFun({
        /*接口*/
        interFace: "data/json03.json",
        /*每页显示总条数*/
        displayCount: 4,
        /*每次最多加载多少页*/
        maxPage: 3,
        dataFun: function(data) {
            var dataHtml = '<li>'
                            +'<a href="article.html">'
                            +'<p id="word_len">'+data.title+'</p>'
                            +'<p>'+data.time+'</p>'
                            +'</a>'
                            +'</li>';
            return dataHtml;
        },
        pageFun: function(i) {
            var pageHtml = '<li class="pageNum">' + i + '</li>';
            return pageHtml;
        }

    })
</script>